<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
    <script type="text/javascript" src="JObj.js"></script>
	<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:500px;
	top:27px;
	width:300px;
	height:165px;
	z-index:1;
}

#apDiv2 {
	position:absolute;
	left:100px;
	top:172px;
	width:20px;
	height:300px;
	z-index:1;
}
-->
	</style>
</head>

<body>
<div id="apDiv1">
	<div class="ga"></div>
</div>
<div id="apDiv2"></div>
<script type="text/javascript">
    JObj.plugin('JTrackBar');

    var tb1 = JObj.Plugin.JTrackBar.getInstance('H',300,'apDiv1');
    tb1.create();
    tb1.setDivision(1,5);
    tb1.onChange = function(pos){
        window.status = Math.round(pos) + ' ' + pos;
    }
    //tb1.setPosition(3);

    var tb2 = JObj.Plugin.JTrackBar.getInstance('V',200,'apDiv2');
    tb2.create();
    tb2.setDivision(1,10);
    tb2.onChange = function(pos){
        //window.status = Math.round(pos) + ' ' + pos;
    }
    tb2.setPosition(4);
</script>
</body>
</html>
